<template>
  <div class="homePage">
    list page
    <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
      <van-cell v-for="item in list" :key="item" :title="item" />
    </van-list>
  </div>
</template>
<script setup lang="ts">
import { ref } from 'vue';

import axios from '../utils/axiosIndex'

const list = ref([] as Array<number>);
const loading = ref(false);
const finished = ref(false);

const onLoad = () => {
  // 异步更新数据
  // setTimeout 仅做示例，真实场景中一般为 ajax 请求
  setTimeout(() => {
    for (let i = 0; i < 10; i++) {
      list.value.push(list.value.length + 1);
    }

    // 加载状态结束
    loading.value = false;

    // 数据全部加载完成
    if (list.value.length >= 40) {
      finished.value = true;
    }
  }, 1000);
};


// 请求数据用法  // todo 注册接口规则
// const getList = () => {
//   const params = {
//     localUrl: '/applyBack/applyList',
//     onLineUrl: 'mgop.wxep.jscyjs.applyBackApplyList',
//     params: {  }
//   }
//
//   axios.get(params).then((res: any) => {
//     // console.log('res response.result', res)
//     if (res.result?.list && res.success) {
//       console.log('res.result', res.result)
//     }
//   })
// }
// getList()



</script>
